<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="themes/base/jquery.ui.all.css" />
<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="ui/jquery-ui.js"></script>
<script type="text/javascript" src="script/ui_control.js"></script>
</head>
<body>
	<!-- 雨用コントロール -->
	<input type="checkbox" id="chkRain" />雨
	<br>
	<div style="display: none;">
		<audio id="audioRrain" src="./rain.mp3" preload="auto" loop controls></audio>
	</div>
	<!-- ボリュームコントロール -->
	<div id="UiSliderRainWrap" style="width: 100px">
		<div id="UiSliderRain"></div>
		<label for="lblVolumeRain"></label>
	</div>

	<!-- 嵐用コントロール -->
	<input type="checkbox" id="chkStorm" />嵐
	<br>
	<div style="display: none;">
		<audio id="audioStorm" src="./storm_01.mp3" preload="auto" loop controls></audio>
		<label for="lblVolumeStorm"></label>
	</div>
	<!-- ボリュームコントロール -->
	<div id="UiSliderSormWrap" style="width: 100px">
		<div id="UiSliderStorm"></div>
	</div>

</body>
</html>
